﻿<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="lib/css/bootstrap.common.min.css" />
    <link rel="stylesheet" type="text/css" href="css/base.css" />
    <title></title>
</head>
<body>
    <div class="container page">
        <header class="row header usrpage-header" id="header">
            <a class="pull-left header-btn" href="#"><span class="icon2 icon2-back"><span class="sr-only">返回</span></span></a>
            <a class="pull-right header-btn" href="#"><span class="icon2 icon2-home"><span class="sr-only">首页</span></span></a>
            <h1>用户中心</h1>
        </header>
        <main class="main">
            <article class="acticle act-usrCenter">
                <div class="usrCenter-avatar">
                    <img id="avatar" src="images/usrpage/avatar.jpg" />
                </div>
                <div class="usrCenter-usrName">nick name</div>
                <div class="usrCenter-accountInfo" role="note">
                    <span class="pr-10">账户余额:</span><span id="" class="uc-accountFund">15</span><span>元</span>
                    <span class="pl-15 pr-10">我的积分:</span><span id="" class="uc-accountPoint">15</span>
                </div>
                <div class="usrCenter-func-set" role="toolbar">
                    <a href="" class="usrCenter-func"><span class="icon2 icon2-payment"></span><span class="uc-func-desc">待支付</span></a>
                    <a href="" class="usrCenter-func"><span class="icon2 icon2-van"></span><span class="uc-func-desc">待收货</span></a>
                    <a href="" class="usrCenter-func"><span class="icon2 icon2-note"></span><span class="uc-func-desc">待评价</span></a>
                    <a href="" class="usrCenter-func"><span class="icon2 icon2-deal"></span><span class="uc-func-desc">优惠劵</span></a>
                    <a href="" class="usrCenter-func"><span class="icon2 icon2-coupons"></span><span class="uc-func-desc">现金卷</span></a>
                </div>
            </article>
            <article class="acticle act-usrCenter2">
                <ul class="stores-item-set uc2-item-set">
                    <li class="stores-item uc2-item">
                        <a href="#">
                            <span class="icon2 icon2-clock"></span>
                            <span class="stores-name uc2-item-desc">历史订单</span>
                            <span class="icon icon-expand-rig" role="button"></span>
                        </a>
                    </li>
                    <li class="stores-item uc2-item">
                        <a href="#">
                            <span class="icon2 icon2-addr"></span>
                            <span class="stores-name uc2-item-desc">收货地址</span>
                            <span class="icon icon-expand-rig" role="button"></span>
                        </a>
                    </li>
                    <li class="stores-item uc2-item">
                        <a href="#">
                            <span class="icon2 icon2-star"></span>
                            <span class="stores-name uc2-item-desc">我的收藏</span>
                            <span class="icon icon-expand-rig" role="button"></span>
                        </a>
                    </li>
                    <li class="stores-item uc2-item">
                        <a href="#">
                            <span class="icon2 icon2-footprint"></span>
                            <span class="stores-name uc2-item-desc">浏览足迹</span>
                            <span class="icon icon-expand-rig" role="button"></span>
                        </a>
                    </li>
                </ul>

            </article>
        </main>
        <!--页尾-->
        <footer class="row footer">
            <nav class="footer-nav">
                <div class="pull-left">
                    <a href="usrpage.html" class="nav-item left-icon"><span class="icon icon-people icon-s18"></span>登录</a>
                    <a class="nav-item"><span class="icon icon-vertline"></span></a>
                    <a href="signup.html" class="nav-item left-icon"><span class="icon icon-locker icon-s18"></span>注册</a>
                </div>
                <div class="pull-right">
                    <a class="nav-item" href="feedback.html">反馈</a>
                    <a class="nav-item divider"><span class="icon icon-vertline"></span></a>
                    <a class="nav-item" href="#header">TOP<span class="icon-beak"></span></a>
                </div>
            </nav>
            <nav class="footer-nav2">
                <div class="platform-select">
                    <div class="text-center">
                        <a class="nav-item left-icon" href="#"><span class="icon icon-phone icon-s18"></span>手机版</a>
                        <a class="nav-item left-icon" href="#"><span class="icon icon-computer icon-s18"></span>电脑版</a>
                        <a class="nav-item left-icon"><span class="icon icon-phone2 icon-s18"></span>下载客户端</a>
                    </div>
                    <div class="text-center footer-copyright">
                        <span>Copyright © 20013-2014  QQT100.COM</span><br />
                        <span>客服电话：4000-139-020</span>
                    </div>
                </div>
            </nav>
        </footer>
    </div>
   
    <!--the script-->
    <script src="js/compat.js"></script>
</body>
</html>
